<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>position relative  </title>
		
		<style type="text/css">
		
		
		div {
			top:2em;
			left: 2em;
			
		}
		
		#static {
			position: static;
		}
		
		#relative{
			border: .1px solid green;
			position: relative;

		}
		
		</style>
	</head>
	<body>
		<!-- 
			relative 是相对自己的出生点 进行定位的。 如果没有设置 top left bottom right ,和 static 位置是一样的。 
		 -->
		<div id="static">AAAAAAAAAAAA</div>
		<div id="relative">BBBBBBBBBBBBB</div>
	</body>
</html>
